<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
</head>
<body>
<canvas width="200" height="200" id="cav1"></canvas>
<p id="no_cav" style="display:none;">You need a Canvas-compatible browser to view canvas area.</p>
<script type="text/javascript">
    function draw() {
        var canvas = document.getElementById('cav1');

        if (canvas.getContext) {
            var ctx = canvas.getContext('2d');

            // create text with fill color
            ctx.fillStyle = '#00f';
            ctx.font = 'italic 30px sans-serif';
            ctx.textBaseline = 'top';
            ctx.fillText('Hy everyone', 2, 5);

            // create text without fill color
            ctx.font = 'bold 30px sans-serif';
            ctx.strokeText('Hy everyone', 2, 50);
        }
        else {
            // make the element with the no-canvas message visible
            document.getElementById('no_cav').style.display = 'block';
        }
    }

    draw();     // calls the function with drawing APIs
</script>

</body>
</html>